<!DOCTYPE html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>商之联后台管理系统</title>
  <meta name="description" content="商之联后台管理系统">
  <meta name="keywords" content="form">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="{:C('SUPPLIER_ADMIN_IMAGE')}favicon.png">
  <link rel="apple-touch-icon-precomposed" href="{:C('SUPPLIER_ADMIN_IMAGE')}app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <link rel="stylesheet" href="{:C('SUPPLIER_ADMIN_CSS')}amazeui.min.css"/>
  <link rel="stylesheet" href="{:C('SUPPLIER_ADMIN_CSS')}admin.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->
<!-- header start-->

<include file="Public:header"/>

<!-- header end-->
<div class="am-cf admin-main">
<!-- sidebar start -->
   <include file="Public:menu"/>
  <!-- sidebar end -->

<!-- content start -->
<form action="{:U('Type/saveType')}" class="am-form am-form-inline" name="type"  method="post" enctype="multipart/form-data" id="addtype" data-am-validator>
<div class="admin-content">

  <div class="am-cf am-padding">
    <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">类目</strong> / <small>添加类目</small></div>
  </div>

  <div class="am-tabs am-margin" data-am-tabs>
    <ul class="am-tabs-nav am-nav am-nav-tabs">
      <li class="am-active"><a href="#tab1">基本信息</a></li>
      <li class=""><a href="#tab2">扩展属性</a></li>
    </ul>
    <div class="am-tabs-bd">
      <div class="am-tab-panel am-fade am-in am-active" id="tab1">
        <div class="am-g am-margin-top">
          <div class="am-u-sm-2 am-text-right">
            类目名称
          </div>
          <div class="am-u-sm-10">          
              <div class="am-form-group am-form-icon">
              <input type="text" name='typename' class="am-form-field am-input-sm" placeholder="请填写" >
              </div>
          </div>
        </div>
        <div class="am-g am-margin-top">
          <div class="am-u-sm-2 am-text-right">
            上级类目
          </div>
          <div class="am-u-sm-10">
              <div class="am-form-group am-form-icon">
                <select  name="typeid">
                    <option value='0'>请选择</option>
                  <foreach name="tree" item="value">
                    <if condition="$value.pid eq 0 ">
                       <option value="{$value['typeid']}">
                       <?php  echo $value['typename'];?> </option><else/><option value="{$value['typeid']}"> 
    	                 <?php  echo str_repeat('&nbsp;&nbsp;&nbsp;',$value['level']).'|_'.$value['typename'];?>
                       </option>
    	              </if>
    	            </foreach> 
                </select>
              </div>
          </div>
        </div>

        <div class="am-g am-margin-top">
          <div class="am-u-sm-2 am-text-right">首页类目图</div>
          <div class="am-u-sm-10">
           <div class="am-form-group">
          <input type="file" id="doc-ipt-file-1" name="typeimg">
          <p class="am-form-help">请选择要上传的文件...(像素要求557*557)</p>
       </div>
          </div>
        </div>

      </div>
		<!--扩展属性start-->
		<div class="am-tab-panel am-fade am-in am-active" id="tab2">
		<table class="am-table am-table-bordered am-table-striped am-table-compact" id='proper'>
    <thead>
        <tr>
            <th>属性名</th>
            <th>属性值</th>
            <th>操作</th>
            <th>创建人</th>
        </tr>
    </thead>
    <tbody>
        <tr class='row'>
            <td>
            <input type="text" name='propertynames[]' class="am-form-field am-input-sm" placeholder="请填写"  style="width:10rem"></td>
            <td>
            <input type="text" name='selvals[]' class="am-form-field am-input-sm" placeholder="多个属性以英文“，”分隔"></td>
            <td><button class="am-btn am-btn-default am-btn-xs am-text-danger"  onclick=delproper(this.parentNode)>
            <span class="am-icon-trash-o"></span> 删除</button>
            
            </td>
            <td>{$_SESSION['yname']}</td>
        </tr>
       <tfoot>
            <tr>
              <td colspan="5">
                <p>
                  <button class="am-btn am-btn-default am-btn-xs am-text-secondary"  onclick=addspec()>
            <span class="am-icon-pencil-square-o"></span>添加更多</button>
                </p>
              </td>
            </tr>
          </tfoot>
    </tbody>
    </table>
		</div>
		<!--扩展属性end-->
    
    </div>


  </div>

  <div class="am-margin">

   <!--  <input type="button" class="am-btn am-btn-primary am-btn-xs" onclick="this.form.submit()" value="提交保存">-->
   <button class="am-btn am-btn-secondary" type="submit">提交</button>
   <button class="am-btn am-btn-secondary" type="reset">重置</button>
  </div>
</div>
</form>
<!-- content end -->

</div>


<footer>
  <hr>
  <p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
</footer>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="{:C('SUPPLIER_ADMIN_JS')}polyfill/rem.min.js"></script>
<script src="{:C('SUPPLIER_ADMIN_JS')}polyfill/respond.min.js"></script>
<script src="{:C('SUPPLIER_ADMIN_JS')}amazeui.legacy.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="{:C('SUPPLIER_ADMIN_JS')}jquery.min.js"></script>
<script src="{:C('SUPPLIER_ADMIN_JS')}amazeui.min.js"></script>



<!--<![endif]-->
<script src="{:C('SUPPLIER_ADMIN_JS')}app.js"></script>
<script type="text/javascript">
 function addspec(){
   $('#proper').append("<tr class='row'><td><input type='text' name='propertynames[]' class='am-form-field am-input-sm' placeholder='请填写'style='width:10rem' ></td><td><input type='text' name='selvals[]' class='am-form-field am-input-sm' placeholder='请填写'style='width:10rem' ></td> <td><button class='am-btn am-btn-default am-btn-xs am-text-danger'onclick=delproper(this.parentNode)><span class='am-icon-trash-o'></span> 删除</button></td><td>{$_SESSION['yname']}</td></tr>");
   event.preventDefault();
   return false;
 }
 function  delproper(obj){
  event.preventDefault();
   var trnode=obj.parentNode;
   if(trnode) trnode.parentNode.removeChild(trnode);
}
</script>
</body>
</html>
